<template>
	<view class="container">
		<uni-forms :modelValue="frequency">
			<uni-forms-item class="form-item" label="植被种类" label-width="230" >
				<uni-easyinput type="text" v-model="frequency.zdbm" />
			</uni-forms-item>
		
			<uni-forms-item class="form-item" label="第一对角线" label-width="230" >
				<uni-easyinput type="text" v-model="frequency.zdbm" />
			</uni-forms-item>
			<uni-forms-item class="form-item" label="频度" label-width="230" >
				<uni-easyinput type="text" v-model="frequency.zdbm" />
			</uni-forms-item>
			<uni-forms-item  class="form-item" label="异针茅" label-width="230" >
				<view class="tag-view" v-for="(item,index) in tags " :key="index">
					<uni-tag :text="'样地'+item"  type="primary"  /><image class="item-image" src="../../../static/image/minus.png" width="30" height="30"></image>
				</view>
			</uni-forms-item>
			<uni-forms-item class="form-item" label="次数" label-width="230" >
				<uni-easyinput type="text" v-model="frequency.zdbm" />
			</uni-forms-item>
			<uni-forms-item class="form-item" label="频度" label-width="230" >
				<uni-easyinput type="text" v-model="frequency.zdbm" />
			</uni-forms-item>
		</uni-forms>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				tags:[1,2,3,4,5,6,7,8,9,10],
				frequency: {
					zdbm: "",
					
				}

			}
		},
		methods: {
			getNetWork() {
				let that = this
				uni.getNetworkType({
					success: res => {
						if (res.networkType === 'none') {
							that.network = false
						} else {
							that.network = true
						}
					}
				})
			},
		}
	}
</script>

<style scoped>
.form-item{
	padding: 10rpx;
	
}
.tag-view{
	float: left;
	display: flex; 
	margin: 10rpx;
}
.item-image{
	width:60rpx;
	height: 60rpx;
}
</style>